@charset "utf-8";
@import "common";
.active{
	img{
		background-color: none;
		width: 100%;
	}
}
.hotspot{
	.container-1{
		background-image: url(../img/Game/game-3.png);
		background-repeat:no-repeat ;
		background-position: 0 60%;
		position: relative;
		.remen{
			position: absolute;
			left: 0;
			top: 0;
			width: 41px;
			height: 100px;
			background-image: url(../img/Game/game-2.png);
			padding-top: 10px;
			p{
				font-size: 20px;
				color: white;
				text-align: center;
			}
		}
		.row{
			.col-md-8{
				text-align: right;
				p{
					font-size: 12px;
					line-height: 30px;
				}
				.col-md-6{
					margin: 0 0;
					padding: 0 0;
					margin-bottom: 30px;
					img{
						transition: all 1s;
						border-radius: 5px;
					}
					img:hover{
						transform: scale(1.5,1.5);
					}
				}
			}
		}
	}
	.container-2{
		background-image: url(../img/Game/game-12.png);
		background-repeat:no-repeat ;
		background-position: 100% 60%;
		.row{
			.col-md-8{
				p{
					font-size: 12px;
					line-height: 30px;
				}
				.col-md-6{
					margin: 0 0;
					padding: 0 0;
					margin-bottom: 30px;
					img{
						transition: all 1s;
						border-radius: 5px;
					}
					img:hover{
						transform: scale(1.5,1.5);
					}
				}
			}
		}
	}
}
.case{
	padding: 80px 0;
	.container{
		.row{
			margin-bottom: 40px;
			.col-md-4{
				position: relative;
				.text{
					display: none;
					width: 303px;
					height: 133px;
					background-color: rgba($color: #000000, $alpha: 0.5);
					position: absolute;
					top: 0;
					font-size: 12px;
					color: white;
					
				}
				img{
					border-radius: 5px;
				}
				// img:hover +.text{
				// 	display: block;
				// }			
				p{
					text-align: center;
					margin-top: 12px;
				}
			}
			.col-md-4:hover >.text{
				display: block;
			}
		}
	}
}